<template>
  <div class="gray-customer-header">
    <div class="head_center">
      <div class="main-logo adHeadPicContainer">
        <img
          src="https://id1.cloud.huawei.com/CAS/up/idmw_rss_50/logos/HUAWEI.svg"
          class="adHeadPic"
        />
      </div>
      <div class="website-name">
        <b class="split-line"></b>
        <b class="adHeadTitle">华为商城</b>
      </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
  .gray-customer-header {
    background: rgba(0, 0, 0, 0.05);
  }
  .gray-customer-header .head_center {
    max-width: 960px;
    margin: auto;

    display: flex;
  }

  .adHeadPic {
    width: 86px;
    height: 20px;
  }

  .adHeadTitle {
    font-size: 12.8px;
  }
  .split-line {
    height: 16px;
    margin: 11.2px 12.8px;
}
.split-line {
    width: 1px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: rgba(0,0,0,0.2);
    margin: 14px 16px;
}
.adHeadPicContainer {
  display: flex;
  align-items: center;
}
.website-name {
  display: flex;
  align-items: center;
}
</style>